html,body{
	height: 100%;
	width: 100%;
}
body{
	background:url(../img/bg.png) no-repeat 0 36px;
	background-size: 100% 100%;
}
header{
	height: 36px;
	width: 100%;
	background-color: #323232;
}
.top{
	width: 1110px;
	height: 36px;
	margin: 0 auto;
}
.top img{
	float: left;
}
.top .top_r{
	width: 275px;
	height: 36px;
	line-height: 36px;
	float: right;
	display: flex;
	justify-content: space-around;
}
.top .top_r span{
	color: #dd4012;
/* 	font-size: 20px; */
}
.top .icon_first span{
	color: #6e6e6e;
}
.top .icon_first i{
	color: #6e6e6e;
	font-size: 12px;
	font-style: normal;
}
.center{
	width: 1110px;
	margin: 0 auto;
	background-color: wheat;
	position: relative;
}
.c_nav{
	width: 183px;
	height: 217px;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	top: 80px;
} 
.c_nav li{
	text-align: right;
	margin-top: 17px;	
	margin-right: 22px;
}
.c_nav li a{
	color: #888888;
	font-size: 13px;
}
.c_nav li a:hover{
	color: #dd4012;
}
.c_text{
	width: 370px;
	height: 260px;
	position: absolute;
	left: 50%;
	top: 75px;
	transform: translateX(-50%);
	/* background-color: pink; */
	text-align: center;
}
.c_text h2,.c_text h3{
	font-weight: bold;
	color: #FFFFFF;
}
.c_text h2{
	font-size: 61px;
	line-height: 61px;
}
.c_text h3{
	font-size: 80px;
	line-height: 80px;
}
.c_text h4{
	font-size: 116px;
	line-height: 107px;
	font-weight: bold;
	color: #dd4012;
}
.c_warn{
	width: 316px;
	height: 136px;
	background-color: #dd4012;
	position: absolute;
	right: 9px;
	top: 75px;
	display: block;
}
.c_warn h2{
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: #ffd1c4;
	margin-top:15px;
	margin-left: 13px;
}
.c_warn h2 span{
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #fe734b;
	margin-left: 10px;
}
.c_warn h2 b{
	font-weight: normal;
	margin-left: 130px;
	cursor: pointer;
}
.c_warn img,.c_warn_top,.c_warn_date,.c_warn_p{
	float: left;
}
.c_warn img{
	margin-top: 20px;
	margin-left: 13px;
}
.c_warn_top{
	margin-top: 20px;
	margin-left: 10px;
	color: #ffd1c4;
	font-size: 14px;
	line-height: 14px;
}
.c_warn_date{
	margin-top: 13px;
	margin-left: 10px;
	color: #f77751;
	font-size: 8px;
	line-height: 8px;
}
.c_warn_p{
	margin-top: 15px;
	margin-left: 10px;
	color: #ffa88f;
	font-size: 12px;
	line-height: 12px;
}
#btn{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #FFFFFF;
	color: #dd4012;
	position: absolute;
	right: -8px;
	top: -8px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
}
footer{
	height: 47px;
	width: 100%;
	background-color: rgba(0,0,0,.6);
	border-top: 1px solid #505050;
	position: fixed;
	bottom: 0;
	left: 0;
}
.bottom{
	width: 1110px;
	height: 47px;
	margin: 0 auto;
}
.bottom .b_l{
	width: 612px;
	height: 47px;
	line-height: 47px;
	float: left;
	display: flex;
	justify-content: space-between;
}
.bottom .b_l span{
	font-size: 12px;
	color: #666666;
}
.bottom .b_r{
	width: 365px;
	height: 47px;
	line-height: 47px;
	float: right;
	display: flex;
	justify-content: space-around;
}
.bottom .b_r a{
	font-size: 12px;
	color: #999999;
}
.bottom .b_r a:hover{
	color: #dd4012;
}
